import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import Components from 'unplugin-vue-components/vite';
import {VantResolver} from 'unplugin-vue-components/resolvers';
import AutoImport from 'unplugin-auto-import/vite';
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    Components({
      //自动导入dirs目录里指定的组件
      dirs:["src/components"],
      resolvers:[VantResolver()]//配置解析器 添加vant的解析器
    }),
    AutoImport({
      imports:['vue','vue-router','pinia'],
      eslintrc:{
        enabled:false
      }
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css:{
    preprocessorOptions:{
      //指定Less这个预处理器的选项
      less:{
        //为每一段less样式代码的上面都自动导入variable.less文件
        additionalData:'@import "/src/assets/variable.less";'
      }
    }
  }
})
